<!--<?php

print <<<EOT

-->
<!-- include Cycle plugin -->
<script type="text/javascript" src="js/jquery.cycle.min.js"></script>

<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
var slt1=slt2=null;//sl image timer
var curDisplay1=curDisplay2=0;//cur display index of sl image
var jsonImg1 = null;
var jsonImg2 = null;
{$scriptIndexImg1} 
{$scriptIndexImg2} 
function InitImage(arryImg,div_id,w,h,order)
{
    var s =  Math.floor(arryImg.length / 3);
    s = s > 0 ? s : 1;
    var tmpi = 0;
    var img = '';
    var tmpDisplay = '';
    if(order == 1)
    {
        for(i=0;i<arryImg.length;i++)
        {
            img = '<img id="img_sl4_'+i+'" name="'+arryImg[i].name+'" src="'+arryImg[i].src+'" title="'+arryImg[i].name+'" width="'+w+'" height="'+h+'"'+tmpDisplay+'/>';
            $("#"+div_id).append(img);  
            tmpDisplay = ' style="display:none"';
        }
     }
     else if(order==2)
     {
        for(i=0;i<arryImg.length;i++)
        {
            tmpi = i+s >= arryImg.length ? (i+s-arryImg.length) : i+s;            
            img = '<img id="img_sl'+order+'_'+i+'" name="'+arryImg[tmpi].name+'" src="'+arryImg[tmpi].src+'" title="'+arryImg[tmpi].name+'" width="'+w+'" height="'+h+'"'+tmpDisplay+'/>';
            $("#"+div_id).append(img);
            tmpDisplay = ' style="display:none"';
        } 
     }
     else if(order==3)
     {    
        for(i=0;i<arryImg.length;i++)
        {
            tmpi = i+s*2 >= arryImg.length ? (i+s*2-arryImg.length) : i+s*2;
            
            img = '<img id="img_sl'+order+'_'+i+'" name="'+arryImg[tmpi].name+'" src="'+arryImg[tmpi].src+'" title="'+arryImg[tmpi].name+'" width="'+w+'" height="'+h+'"'+tmpDisplay+'/>';
            $("#"+div_id).append(img);  
            tmpDisplay = ' style="display:none"';
        } 
     }
     else if(order==4)
     {
        for(i=arryImg.length-1;i>=0;i--)
        {
            img = '<img id="img_sl'+order+'_'+i+'" name="'+arryImg[i].name+'" src="'+arryImg[i].src+'" title="'+arryImg[i].name+'" width="'+w+'" height="'+h+'"'+tmpDisplay+'/>';
            $("#"+div_id).append(img);  
            tmpDisplay = ' style="display:none"';
        }
     }
}

$(window).load(function() {
    $(".menu-padd-top").css("height","0px")    
    $(".clearBack").hide();
    if(jsonImg1 != null)
    {
        InitImage(jsonImg1.data,"slideshow4",720,220,4);  
        slt1 = setInterval("DisplayImage1();",8000);
    }	  
    if(jsonImg2 != null)
    {
        InitImage(jsonImg2.data,"slideshow1",220,220,1);
        InitImage(jsonImg2.data,"slideshow2",220,220,2);
        InitImage(jsonImg2.data,"slideshow3",220,220,3);
        
        slt2 = setInterval("DisplayImage2();",8000);
    }	
});
  
  function DisplayImage1()
  {
        var d1 = $("#slideshow4 >img:eq("+curDisplay1+")");
        var d2 = null;
        if(++curDisplay1 >= jsonImg1.data.length)
        {
            curDisplay1=0;
            d2 = $("#slideshow4 >img:eq(0)");
        }
        else
        {
            d2 = d1.next();
        }
		//d1.fadeOut("4000",function(){d2.fadeIn("4000");})
       //d1.animate({opacity:'hide'},2000,null,function(){d2.animate({opacity:'show'},2000)}); 
	   d1.animate({opacity:'hide'},2500); 
	   st=setTimeout(function(){d2.animate({opacity:'show'},2000)},1800); 
  }  
  function DisplayImage2()
  {
        var d1 = $("#slideshow1>img:eq("+curDisplay2+")");
        var d2 = $("#slideshow2>img:eq("+curDisplay2+")");
        var d3 = $("#slideshow3>img:eq("+curDisplay2+")");
        
        if(++curDisplay2 >= jsonImg2.data.length)
        {
            curDisplay2=0;
            d12 = $("#slideshow1>img:eq(0)");
            d22 = $("#slideshow2>img:eq(0)");
            d32 = $("#slideshow3>img:eq(0)");
        }
        else
        {
            d12 = d1.next();
            d22 = d2.next();
            d32 = d3.next();
        }
       	
		//d1.animate({opacity:'hide'},2000,null,function(){d12.animate({opacity:'show'},2000)}); 
//		d2.animate({opacity:'hide'},2000,null,function(){d22.animate({opacity:'show'},2000)}); 
//		d3.animate({opacity:'hide'},2000,null,function(){d32.animate({opacity:'show'},2000)});
//		
		d1.animate({opacity:'hide'},2500); 
		d2.animate({opacity:'hide'},2500); 
		d3.animate({opacity:'hide'},2500);		
		st2=setTimeout(function(){d12.animate({opacity:'show'},2000);d22.animate({opacity:'show'},2000);d32.animate({opacity:'show'},2000);
				
		},1800);  
  }
</script>

	 <div class="main_R" id="main_R" >  
	 <table cellpadding="0" cellspacing="0" border="0" width="740">	
	 <tbody>
	 <tr>
	   <td align="left" height="239" colspan="5" valign="top">
	       <div id="slideshow4" class="slideshow1" style="position:relative; clear:none; float:left;"></div>
	   </td>
	   <td></td>
	 </tr>
	 <tr>
	   <td align="left" width="225"><div id="slideshow1" style="position:relative;" class="slideshow1"></div></td>
	    <td width="30"></td>
	   <td align="left" width="225"><div id="slideshow2" style="position:relative;" class="slideshow1"></div></td>
	    <td width="30"></td>
	   <td align="left" width="225"><div id="slideshow3" style="position:relative;" class="slideshow1"></div></td>	  
	   <td width="20"></td>
	 </tr>	
	</tbody>
 </table>
 

        </div> 
                    
   </div>
	
<!--
EOT;
?>-->